<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化云</title>
    <link href="WebUI/css/base.css" rel="stylesheet" />
    <link href="WebUI/css/Public.css" rel="stylesheet" />
    <link href="WebUI/css/index.css" rel="stylesheet" />
    <link href="WebUI/css/organization.css" rel="stylesheet"/>
    <link href="WebUI/font/iconfont.css" rel="stylesheet" />
</head>
<body>
<div class="head">
    <div class="top-main">
        <ul class="fright">
            <li id="login"><a href="../login.html">登录</a><em></em></li>
            <li id="register"><a href="../register.html">注册</a><em></em></li>
            <li class="mm">
                <a href="javascript://"><i class="icon iconfont phone">&#xe604;</i><b>手机版</b></a><em></em>
            </li>
            <li class="ms">
                <a href="javascript://">
                    <i class="icon iconfont list">&#xe602;</i>
                    <b>导航</b>
                    <i class="icon iconfont xiala">&#xe60a;</i>
                </a>
                <div class="xialaBox">
                    <div class="fleft xl">
                        <h5>文化分类</h5>
                        <div class="nav-list">
                            <p><a href="javascript:void(0);">亲子活动</a></p>
                            <p><a href="javascript:void(0);">公益活动</a></p>
                            <p><a href="javascript:void(0);">展览展会</a></p>
                            <p><a href="javascript:void(0);">名家讲坛</a></p>
                            <p><a href="javascript:void(0);">技术研讨</a></p>
                            <p><a href="javascript:void(0);">全名可普</a></p>
                        </div>
                    </div>
                    <div class="fleft xr">
                        <h6><a href="javascript:void(0);">活动讲座</a></h6>
                        <h6><a href="javascript:void(0);">文化资源</a></h6>
                        <h6><a href="javascript:void(0);">场馆预约</a></h6>
                        <h6><a href="javascript:void(0);">机构广场</a></h6>
                    </div>
                </div>
            </li>
        </ul>
        <div id="head" style="display: none"><span>HI，</span>欢迎访问智慧文化云  <a id="loginout" href="javascript:loginOut()" style="color: red">退出</a></div>
    </div>
</div>
<div class="head-min">
    <div class="search—right">
        <div class="searchArea">
            <div class="search">
                <input type="text"  placeholder="请输入您要检索的词" />
            </div>
            <a href="index.html" class="button" >检索</a>
        </div>
        <p>
            <a href="javascript:void(0);">创新</a>
            <a href="javascript:void(0);">创业</a>
            <a href="javascript:void(0);">开心芝麻</a>
            <a href="javascript:void(0);">文化传播</a>
        </p>
    </div>
    <a href="index.html" class="logos"><img src="WebUI/images/logo.png" alt="" /></a>
    <div class="logo_select">
        <!--<span>铜陵文化云<i class="icon iconfont xiala">&#xe60a;</i></span>-->
        <!--<ul>-->
            <!--<li>铜陵文化云</li>-->
            <!--<li class="e">蓝图文化云</li>-->
            <!--<li>北图文化云</li>-->
        <!--</ul>-->
    </div>
    <div class="fclear"></div>
</div>
<div class="content">
    <div class="organi-left fleft">
        <div class="organi-title">机构认证</div>
        <div class="join-process">
            <p class="col-fc7e35">已有35家机构，315个场馆，300000读者加入</p>
            <img src="WebUI/images/join-process.png" alt=""/>
            <a href="javascript:void(0)" class="bg-fc7e35" onclick="join()">立即加入</a>
        </div>
        <div class="organi-title">机构广场</div>
        <div class="m-top-16">
            <div class="search-btn fright bg-fc7e35" onclick="orgname()">搜索</div>
            <div class="input-seclect fright">
                <input type="text" id="key" />
            </div>
            <div class="input-seclect fright">
                <select id="area" class="form-control col-md-2">
                    <option selected="selected">全部</option>
                </select>
            </div>

            <div class="input-seclect fright">
                <select id="city" class="form-control col-md-2">
                    <option selected="selected">全部</option>
                </select>
            </div>

            <div class="input-seclect fright">
                <select id="province" class="form-control col-md-2">
                    <option selected="selected">全部</option>
                </select>
            </div>
        </div>
        <div class="fclear"></div>
        <!--organiztion()方法填充-->
        <div  id="org"></div>
    </div>
    <div class="organi-right fright">
        <div class="news oranges bord">
            <div class="org-tit">
                <a href="javascript://" class="mores">更多》</a>
                <h2>最新消息</h2>
            </div>
            <ul class="new-list">
                <li><a href="javascript://">绍兴图书馆成功举办l以 “绍兴文化”主题完美...</a></li>
                <li><a href="javascript://">“七彩夏日”少儿阅读活动走进市少年宫“七彩夏日”少儿阅读活动走进市少年宫</a></li>
                <li><a href="javascript://">功举办l以 “绍兴文化”主题完美少儿阅读活动走进市少</a></li>
                <li><a href="javascript://">以 “绍兴文化”主题完美.少儿阅读活动走进市少年宫</a></li>
                <li><a href="javascript://">办l以 “绍兴文化”主题完美少儿阅读活动</a></li>
                <li><a href="javascript://">成功举办l以 “绍兴文化”主题完美少儿阅读活动走</a></li>
                <li><a href="javascript://">少儿阅读活动走进市少年宫书馆成功举办l以 “绍兴文化”主题完美少儿阅读活动走进</a></li>
            </ul>
        </div>
        <div class="organi-box">
            <span class="bg-ffcd30"><p class="fleft">热门机构</p></span>
            <ul>
                <!--Field()填充-->
            </ul>
        </div>
        <div class="organi-box">
            <span class="bg-00a5ed"><p class="fleft">推荐机构</p></span>
            <ul>
               <!--Field()填充-->
            </ul>
        </div>
    </div>
</div>
<div class="fclear"></div>
<div class="foot">
    <div class="foot-main">
        <p>
            <a href="javascript:void(0);">平台介绍</a>|
            <a href="javascript:void(0);">意见建议</a>|
            <a href="javascript:void(0);">网站地图</a>|
            <a href="javascript:void(0);">友情链接</a>|
            <a href="javascript:void(0);">联系方式</a>
        </p>
        <div>版权所有 智慧文化云 Copyright2003-2016 All Rights Reserved 沪ICP备1143884号 沪公网安备11010234000430号 上海上业信息科技有限公司</div>
    </div>
</div>
<!--js引用-->
<script src="WebUI/js/jquery-1.9.1.min.js"></script>
<script src="WebUI/js/animate.js"></script>
<script src="../plugins/layer/layer.js"></script>
<script src="../js/jsAddress.js"></script>
<script src="../js/organization/organization.js"></script>
<script src="../js/basicjs.js"></script>
<script>
    addressInit('province', 'city', 'area');
    $(function () {
        user();
        //头部导航下拉框
        selectModel(".head li.ms","mr current","curleft",".mm")
        //logo 下拉
        logoSelect()
        //菜单筋斗云
        switchs(".jindouyun");

        /*热门推荐移上去效果*/
        shink(".movielist li");
        shink(".brand_left-height dl","dd","84");
        //热门.新鲜切换效果
        qiehuan(".switchs","li","e",".rink_div");
    });

    //展开
    $(function(){
        $("#click-xiala").click(function(){
            //$(".carousel-survey").slideToggle();
            $(this).parent().parent().find('#carousel-survey').slideToggle();
        });
        $("#click-xiala1").click(function(){
            $(this).parent().parent().find('#carousel-survey1').slideToggle();
        });
        $("#click-xiala2").click(function(){
            $(this).parent().parent().find('#carousel-survey2').slideToggle();
        });
        $("#click-xiala3").click(function(){
            $(this).parent().parent().find('#carousel-survey3').slideToggle();
        });
    });
</script>
</body>
</html>